<template>
	<view class="margin-sm ">
		<view class="bg-white radius padding-sm margin-bottom-sm">
			<view class="font-34rpx juzhong">
				{{data.title}}
			</view>
		</view>

		<view class="margin-bottom-sm" style="display: flex;">
			<view style="flex: 1;" class="bg-pink radius padding-sm ">
				<view class="juzhong font-34rpx">
					联系商家
				</view>
				<view class="juzhong font-13 ">
					{{data.phone}}
				</view>
			</view>
			<view style="flex: 2;" class="bg-pink margin-left-sm radius padding-sm ">
				<view class="juzhong font-34rpx">
					导航前往
				</view>
				<view class="juzhong font-13 ">
					{{data.addres}}
				</view>
			</view>
		</view>

		<view>
			<div v-for="(item,index) in data.image.split(',')">
				<image style="width: 730rpx;height: 760rpx" :src="item"></image>
			</div>
		</view>


	</view>
</template>

<script>
	import {
		listByDistance10
	} from "@/api/shop/shopconfig/ShopConfigManagementApi.js"
	export default {
		data() {
			return {
				data: {
					title: '名称加载中',
					phone: '联系方式加载中',
					image: '/static/images/dianpu1.jpg',
					addres: '地址加载中',
					distance: '100',
					isidle: 0,
					tag: ['可吸烟', '好停车', '有厕所']
				}
			}
		},
		onLoad(e) {
			this.data.id = e.id
			this.getdata()
		},

		methods: {
			getdata() {
				this.listByDistance10()
			},


			async listByDistance10(id) {
				let {
					data
				} = await listByDistance10({
					id: this.data.id
				})
				this.data = data[0]
			},
		}
	}
</script>

<style>

</style>